body{
	margin: 0px 0px 0px 0px;
	background: #E5E5E5;
}

.user{
	text-align: center;
}

.user .userPic{
	margin-top: 1em;
	width: 1.5em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.8em;
}

.user .money{
	color: #393837;
	margin-left: auto;
	margin-right: auto;
}

.user .money img{
	height: 1em;
	position: relative;
	top: 0.2em;
}

.user hr{
	width: 80%;
	border-color: #AEAEAE;
	border-style: solid;
}

.user .reloadBtn{
	height: 2em;
	width: 40%;
	border-width: 0px;
	background: #FFFFFF;
	border-radius: 10px;
	color: #000000;
	font-size: 1em;
	margin-top: 1em;
}

.recordBtn{
	width: 90%;
	left: 5%;
	position: relative;
	height: 2em;
	margin-top: 1em;
}

.recordBtn .btn{
	position: absolute;
	width: 33%;
	height: 2em;
	border-style: solid;
	border-width: 1px;
	border-color: #393837;
	color: #393837;
	text-align: center;
	line-height: 2em;
	background: #E5E5E5;	
}

.recordBtn .borrowRecord{
	background: #393837;
	border-color: #393837;
	color: #A7A7A7;
}

.recordBtn .returnRecord{
	left: 33%;
}

.recordBtn .buyRecord{
	left: 66%;
}

.message{
	width: 90%;
	left: 5%;
	position: relative;
	margin-top: 1.2em;
	height: 6em;
}

.message .column{
	color: #393837;
	text-align: right;
	position: absolute;
	width: 30%;
	font-size: 0.8em;
}

.message .details{
	color: #77787B;
	text-align: left;
	position: absolute;
	width: 60%;
	left: 40%;
	font-size: 0.8em;
}

.message .cost{
	color: #4ACCCB;
}

#scroller hr{
	width: 90%;
	border-color: #AEAEAE;
	border-style: solid;
}

ul,li {
	padding:0;
	margin:0;
	border:0;
}


#wrapper {
	margin-top: 1em;
	position:relative; z-index:1;
	width:90%;
	left: 5%;
	/*height: 200px;*/
	overflow:auto;
}

#scroller {
	position:relative;
	-webkit-tap-highlight-color:rgba(0,0,0,0);

	float:left;
	width:100%;
	padding:0;
}

#scroller ul {
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
}

#pullDown .pullDownIcon, #pullUp .pullUpIcon  {
	position: absolute;
	left: 20%;
	display:block; 
	width:40px; height:40px;
	margin-left: auto;
	margin-right: auto;
	background:url(../images/pull-icon@2x.png) 0 0 no-repeat;
	-webkit-background-size:40px 80px; background-size:40px 80px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;	
}
#pullDown .pullDownIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}
#pullUp .pullUpIcon  {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullDown.flip .pullDownIcon {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullUp.flip .pullUpIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}

#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
	background-position:0 100%;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;

	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}

@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}

